<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米</title>
		<style  type="text/css">
			*{
				margin:0;
				padding:0;
			}
			a{
				display: inline-block;
				width:400px;
				height:500px;
				border:1px solid green;
				margin-right:10px;
				text-align:center;
				text-decoration: none;
			}
			.box1{
				margin-right:10px;
			}
			.xm2{
				height:900px;
				width:90px;
				margin-top:200px;
			}
			h3{
				margin:10px;
			}
			p{
				margin-bottom:10px;
				
			}
			span{
				color:orange;
			}
		</style>
	</head>
	<body>
		<a href="#" class="box1">
			<img src="img/xm2.jpg" />
			<h3> RDEMI 3</h3>
			<p>性能旋风</p>
			<div>
				<span>2899</span>
				<span>3000</span>
			</div>
			
		</a>
		<a href="#">
			<img src="img/xm2.jpg" />
			<h3> RDEMI 3</h3>
			<p>性能旋风</p>
			<div>
				<span>2899</span>
				<span>3000</span>
			</div>
			
		</a>
		<a href="#">
			<img src="img/xm2.jpg" />
			<h3> RDEMI 3</h3>
			<p>性能旋风</p>
			<div>
				<span>2899</span>
				<span>3000</span>
			</div>
			
		</a>
		<a href="#">
			<img src="img/xm2.jpg" />
			<h3> RDEMI 3</h3>
			<p>性能旋风</p>
			<div>
				<span>2899</span>
				<span>3000</span>
			</div>
			
		</a>
		
	</body>
</html>
